<div class="page-content" id="container-service">
    <div class="page-header">
        <h1>
            容器 	
            <small>
                <i class="ace-icon fa fa-angle-double-right"></i>
                	服务配置
                </small>
        </h1>
    </div><!-- /.page-header -->
    <div class="row" > 
        <div class="col-sm-12">
        <div class="tabbable">
            <ul class="nav nav-tabs padding-12 tab-color-blue background-blue" id="myTab4">
                <li class="active">
                    <a data-toggle="tab" href="#home4">模板</a>
                </li>
                <li>
                    <a data-toggle="tab" href="#profile4">实例</a>
                </li>
            </ul>
            <div class="tab-content">
                <div id="home4" class="tab-pane in active">
                <p>
                <!-- 模板配置---->
                <div class="row">
                    <div class="col-xs-4">
                        <!-- PAGE CONTENT BEGINS -->
                        <form class="form-horizontal" role="form">
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1">模板名称</label>
                                <div class="col-sm-9">
                                    <input type="text" id="form-field-1" placeholder="default" class="col-xs-10 col-sm-5" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1">模板描述</label>
                                <div class="col-sm-9">
                                    <input type="text" id="form-field-1" placeholder="default" class="col-xs-10 col-sm-5" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1">模板内容</label>
                                <div class="col-sm-9">
                                    <textarea class="form-control col-xs-10 col-sm-5" id="form-field-1" placeholder="Default Text"></textarea>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-xs-8">
                        <!-- PAGE CONTENT BEGINS -->
                        <form class="form-horizontal" role="form" id="templete_vars"> 
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1">模板变量</label>
                                <div class="col-sm-9">
                                    <span><input type="text" id="form-field-1" placeholder="default" class="span4" /></span>
                                    <span class="span4">=</span>
                                    <span><input type="text" id="form-field-1" placeholder="default" class="span4" /></span>
                                <button class="btn btn-success btn-xs " onclick="javascript:container_add_vars()">
									<i class="ace-icon glyphicon glyphicon-plus  bigger-110 icon-only"></i>
							    </button>
                                <button class="btn btn-danger btn-xs " onclick="javascript:container_add_vars()">
									<i class="ace-icon glyphicon  glyphicon-minus  bigger-110 icon-only"></i>
							    </button>
                                </div>  
                            </div>
                        </form>
                    </div>
                    <div class="row">
                        <div class="col-md-offset-3 col-md-9">
                            <button class="btn btn-info" type="button">
                                <i class="ace-icon fa fa-check bigger-110"></i>
                                提交
                            </button>
                            &nbsp; &nbsp; &nbsp;
                            <button class="btn" type="reset">
                                <i class="ace-icon fa fa-undo bigger-110"></i>
                                重置
                            </button>
                        </div>
 
                    </div>
                </div>
                </p>
                </div>
                <div id="profile4" class="tab-pane">
                <p>
                <!-- 实例配置--->
                <div class="row">
                    <div class="col-xs-4">
                        <!-- PAGE CONTENT BEGINS -->
                        <form class="form-horizontal" role="form">
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1">模板名称</label>
                                <div class="col-sm-9">
                                     <select class="chosen-select form-control" id="form-field-select-3" data-placeholder="Choose a State...">
                                        <option value="">redis1</option>
                                        <option value="AL">nginx</option>
                                        <option value="AL">rabbitmq</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1">模板描述</label>
                                <div class="col-sm-9">
                                    <input type="text" id="form-field-1" placeholder="default" class="col-xs-10 col-sm-5" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1">模板内容</label>
                                <div class="col-sm-9">
                                    <textarea class="form-control col-xs-10 col-sm-5" id="form-field-1" placeholder="Default Text"></textarea>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="col-xs-8">
                        <!-- PAGE CONTENT BEGINS -->
                        <form class="form-horizontal" role="form" id="templete_vars"> 
                            <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right" for="form-field-1">模板变量</label>
                                <div class="col-sm-9">
                                    <span><input type="text" id="form-field-1" placeholder="default" class="span4" /></span>
                                    <span class="span4">=</span>
                                    <span><input type="text" id="form-field-1" placeholder="default" class="span4" /></span>
                                <button class="btn btn-success btn-xs " onclick="javascript:container_add_vars()">
									<i class="ace-icon glyphicon glyphicon-plus  bigger-110 icon-only"></i>
							    </button>
                                <button class="btn btn-danger btn-xs " onclick="javascript:container_add_vars()">
									<i class="ace-icon glyphicon  glyphicon-minus  bigger-110 icon-only"></i>
							    </button>
                                </div>  
                            </div>
                        </form>
                    </div>
                    <div class="row">
                        <div class="col-md-offset-3 col-md-9">
                            <button class="btn btn-info" type="button">
                                <i class="ace-icon fa fa-check bigger-110"></i>
                                提交
                            </button>
                            &nbsp; &nbsp; &nbsp;
                            <button class="btn" type="reset">
                                <i class="ace-icon fa fa-undo bigger-110"></i>
                                重置
                            </button>
                        </div>
 
                    </div>
                </div>
                </p>
                </div>
            </div>
        </div>
    </div><!-- /.col -->
    </div><!-- /.row -->
</div><!-- /.page-content -->